<div class="style-panel">
    <div class="farris-group-wrap property-item" style="padding-left: 20px;">
        <div class="form-group farris-form-group">
            <label class="col-form-label mb-0">
                <div class="wrap">
                    <span class="farris-label-text">宽度</span>
                </div>
            </label>
            <div class="component">
                <div class="farris-input-wrap">
                    <div class="d-flex">
                        <farris-number-spinner class="flex-fill" [(ngModel)]="width" [precision]="0" [min]="0"
                            [max]="maxWidth" [canNull]="true" (ngModelChange)="onChangeWidth()" placeholder=" ">
                        </farris-number-spinner>
                        <farris-combo-list class="ml-1 size-type" [(ngModel)]="currentWidthType" [idField]="'value'"
                            [textField]="'text'" [data]="sizeType" [editable]="false" [multiSelect]="false"
                            [enableClear]="false" [enableCancelSelected]="false" [nosearch]="false"
                            (ngModelChange)="onChangeWidthType()">
                        </farris-combo-list>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="style-panel">
    <div class="farris-group-wrap property-item" style="padding-left: 20px;">
        <div class="form-group farris-form-group">
            <label class="col-form-label mb-0">
                <div class="wrap">
                    <span class="farris-label-text">高度</span>
                </div>
            </label>
            <div class="component">
                <div class="farris-input-wrap">
                    <div class="d-flex">
                        <farris-number-spinner class="flex-fill" [(ngModel)]="height" [precision]="0" [min]="0"
                            [max]="maxHeight" [canNull]="true" (ngModelChange)="onChangeHeight()" placeholder=" ">
                        </farris-number-spinner>
                        <farris-combo-list class="ml-1 size-type" [(ngModel)]="currentHeightType" [idField]="'value'"
                            [textField]="'text'" [data]="sizeType" [editable]="false" [multiSelect]="false"
                            [enableClear]="false" [enableCancelSelected]="false" [nosearch]="false"
                            (ngModelChange)="onChangeHeightType()">
                        </farris-combo-list>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>